<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>丽子美妆登录页</title>
    <script src="../js/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="../css/header.css" />
    <link rel="stylesheet" href="../css/denglu.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <script>
        $(function(){
            $("#yinru").load("footer.html");
        });
    </script>
</head>
<body>
<!--头部-->
<div id="headerBar_back">
    <div id="headerBar">
        <div class="logo">
            <a href="#">
                <img src="../images/login-logo.png">
            </a>
        </div>
        <div class="headerLeft">
            <a href="http://localhost:63342/lizi/html/index.html?_ijt=edna2e2laq70mfkgelm03socuj#">丽子首页</a>
        </div>
        <div class="headerRight">
            <a href="#">
                <span class="iconfont">&#xe609;在线咨询</span>
            </a>
            <span>4007-112-112</span>
        </div>
    </div>
</div>

<!--登录样式-->
<div id="container_back">
    <div id="container">
        <div class="pic">
            <img src="../images/login-box-bg.jpg"/>
        </div>
        <div class="main-box">
            <div class="main">
                <h2>
                    <div class="choice">
                        已有账号？
                        <a href="#">点击登录</a>
                    </div>
                    登录
                </h2>
                <div class="messages">
                    <ul>
                        <li class="input-box">
                            <span class="iconfont">&#xe62f;</span>
                            <label>
                                <span class="text" style="display:block">用户名/邮箱/手机号</span>
                                <input type="text" value=""/>
                            </label>
                        </li>
                        <li class="input-box">
                            <span class="iconfont">&#xe635;</span>
                            <label>
                                <span class="text" style="display:block">密码</span>
                                <input type="text" value=""/>
                            </label>
                        </li>
                        <li class="error" style="display:none">密码错误</li>
                        <li class="forget">
                            <a href="#">忘记密码?</a>
                        </li>
                        <li>
                            <a class="btn" href="#">登录</a>
                        </li>
                    </ul>
                </div>
                <div class="others">
                    <p class="other-top">使用第三方账号登录</p>
                    <p>
                        <a class="qq" href="#"></a>
                        <a class="sina" href="#"></a>
                        <a class="alipay" href="#"></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--页脚-->
<div id="yinru"></div>
</body>
</html>